/*
 * @Descripttion:
 * @version:
 * @Author: ChenXiang
 * @Date: 2021-07-24 22:52:52
 * @LastEditors: ChenXiang
 * @LastEditTime: 2021-12-02 14:06:57
 */
import React, { useEffect } from "react";
import Form, { Field } from "@/components/Form";
import { Input, Button } from "antd";
import '../style/utils.css'
import '../style/ui.css'

export default function MyRc(props) {


  return (
    <div>
      <div class="mar-t-20 relative z-999">
        <div
            class="w-hundred-100 box-border border-r-20 border-2 border-clr-32B16C border-solid pad-20 flex justify-between bg-clr-white items-center">
            <div class="flex items-center">
                <img class="block mar-l-20 mar-r-10 w-28 h-28 font-s-28" src="" alt="" />
                <input class="h-40 pad-l-10 border-none input-outline-none font-s-28" type="text"
                    placeholder="请输入搜索关键字" />
            </div>
            <p class="font-w-400 font-s-28 font-c-32B16C pad-l-20 border-solid border-l-1 border-clr-32B16C">搜索</p>
        </div>
    </div>



    <div class='border-r-20 w-345'>
        <img class="block w-hundred-100" src="http://lecshops.ypy.hsyuntai.com/20201221/1608533978056.jpg" alt="" />
        <div class="mar-20">
            <p class="text-ellipsis-2 font-s-28">[花王KAO日本儿童牙膏]木糖>[花王KAO日本儿童牙膏]木糖>[花王KAO日本儿童牙膏]木糖醇低氟防蛀2-12</p>
            <p class="font-c-FF2500 font-s-30 font-w-400">
                <span class="font-s-24">¥</span>38.00
            </p>
        </div>
    </div>


    <div class="mar-20 pad-l-20 pad-r-20 pad-b-30 bg-c-white">
        <div class="border-r-20">
            <div class="flex justify-between pad-t-30 pad-b-30">
                <p class="font-s-26 font-w-400">订单号：1312312412123124</p>
                <p class="font-w-400 font-s-26 font-c-black-5">交易关闭</p>
            </div>

            <div class="flex mar-b-30">
                <img class="block w-100 h-100 border-r-10" src="" alt="" />
                <div class="mar-l-20 flex-1">
                    <div class="flex">
                        <p
                            class="w-188 h-40 font-c-white font-s-28 font-w-400 border-r-4 bg-clr-32B16C pad-l-10 pad-r-10">
                            服务
                        </p>
                        <p class="mar-l-10 font-w-500 font-s-32 font-c-black-9 text-ellipsis-2">
                            商品名称名称名称名称商品名称名称名称名称商品名称名称名称名称商品名称名称名称名称商品名称名称名称名称
                        </p>
                    </div>
                    <div class="flex justify-between">
                        <p class="font-s-26">￥88.00</p>
                        <p class="font-s-26">×1</p>
                    </div>
                </div>
            </div>

            <div class="flex justify-between">
                <p class="font-c-F39C13 font-s-26">退款成功</p>
                <div class="font-s-26">
                    合计
                    <span class="font-c-FF2500">￥330.00</span>
                </div>
            </div>
        </div>
    </div>


    <div class="mar-l-20 w-140 border-1 border-solid border align-center justify-center">
        <p class="pad-l-12 pad-r-12 pad-t-10 pad-b-10 text-center font-w-400 font-s-24 font-c-black-9">
            申请退货
        </p>
    </div>

    </div>
  );
}
